<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="contract" id="agentContainer">
  <img src="./img/header/agent1.png" style="width: 100%" alt="Logo" id="agentImage" class="logo">
</div>
<script type="text/javascript" src="./lib/vue.min.js"></script>
<script type="text/javascript" src="./lib/element-ui.min.js"></script>
<script type="text/javascript">



    const vm = new Vue({ // 配置对象 options
        el: '#agentContainer',  // element: 指定用vue来管理页面中的哪个标签区域
        data() {
            return {
                loading: false
            }
        },
        mounted() {

            document.addEventListener('DOMContentLoaded', function() {
                // 获取触发元素
                const agentTrigger = document.getElementById('agentImage');
                const contentFrame = parent.document.getElementById('content-frame');
                // 添加点击事件监听器
                agentTrigger.addEventListener('click', function(e) {
                    e.preventDefault();
                    // 更改 iframe 的 src 属性以加载 agent.html
                    contentFrame.src = 'agentDraft.html';
                });
            });

        },
        methods: {

        }

    })


</script>
</body>
</html>
